<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="/commons/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<style type="text/css">

		.pricingTable{
			text-align: center;
			background: #fff;
			margin: 10px 10px 10px 10px;
			-webkit-box-shadow:
					rgba(62,57,107,0.36) 0px 16px 38px -12px,
					rgba(62,57,107,0.12) 0px 4px 25px 0px,
					rgba(62,57,107,0.2) 0px 8px 10px -5px;
			-moz-box-shadow:
					rgba(62,57,107,0.36) 0px 16px 38px -12px,
					rgba(62,57,107,0.12) 0px 4px 25px 0px,
					rgba(62,57,107,0.2) 0px 8px 10px -5px;
			box-shadow:
					rgba(62,57,107,0.36) 0px 16px 38px -12px,
					rgba(62,57,107,0.12) 0px 4px 25px 0px,
					rgba(62,57,107,0.2) 0px 8px 10px -5px;
			padding-bottom: 10px;
			border-radius: 5px;
			color: #cad0de;
			transform: scale(1);
			transition: all 0.5s ease 0s;
		}

		.pricingTable:hover{
			transform: scale(1.05);
			z-index: 1;
		}

		.pricingTable .pricingTable-header{
			border-bottom: 1px solid #46c9d4;
			padding: 20px 0px 0px 0px ;
			transition: all 0.5s ease 0s;
		}

		.pricingTable .pricingTable-header i{
			font-size: 40px;
			color: #109173;
			/*color: #858c9a;*/
			margin: 10px;
			transition: all 0.5s ease 0s;
		}

		.pricingTable .quotaValue{
			font-size: 35px;
			transition: all 0.5s ease 0s;
		}

		.pricingTable .number{
			display: block;
			font-size: 14px;
			font-weight: normal;
			color: #cad0de;
		}

		.pricingTable .heading{
			display: inline-block;
			font-size: 14px;
			font-weight: 400;
			margin: 5px;
			text-transform: uppercase;
		}

		.pricingTable.green .quotaValue {
			color: #e8308c;
		}

		.pricingTable.green .heading{
			color: #545454;
		}

		.mediaModelBody {
			background: rgba(41, 128, 185, 0.7);
			bottom: 0;
			color: white;
			font-size: 1em;
			left: 0;
			opacity: 0;
			overflow: hidden;
			padding: 3.75em 3em;
			position: absolute;
			text-align: center;
			top: 0;
			right: 0;
			-webkit-transition: 0.6s;
			transition: 0.6s;
		}
		.mediaModelBody:hover {
			opacity: 1;
		}
		.mediaModelBody:after, .mediaModelBody:before {
			border: 1px solid rgba(255, 255, 255, 0.7);
			bottom: 1em;
			content: '';
			left: 1em;
			opacity: 0;
			position: absolute;
			right: 1em;
			top: 1em;
			-webkit-transform: scale(1.5);
			transform: scale(1.5);
			-webkit-transition: 0.6s 0.2s;
			transition: 0.6s 0.2s;
		}
		.mediaModelBody:before {
			border-bottom: none;
			border-top: none;
			left: 2em;
			right: 2em;
		}
		.mediaModelBody:after {
			border-left: none;
			border-right: none;
			bottom: 2em;
			top: 2em;
		}
		.mediaModelBody:hover:after, .mediaModelBody:hover:before {
			-webkit-transform: scale(1);
			transform: scale(1);
			opacity: 1;
		}

		.mediaModelBody h5{
			font-size: 12px;
		}

		.icon:before {
			content: '\f005';
			font-family: FontAwesome;
		}

	</style>
</head>
<body>
	<div class="container-fluid" style="margin-bottom: 10px">
		<div class="boxcq clearfix">
			<div class="ti"><i class="fa fa-tachometer" aria-hidden="true"></i>首页质量综合评价</div>
			<ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
			<div class="row-fluid clearfix">
				<div class="col-md-12 column padding10">
					<div class="infocq ">
						<div class="tabconti greenBlack-bg"><i class="fa fa-navicon fa-lg"></i><span class="titleSum">概况</span></div>
						<ul class="nav nav-tabs tabconulcq" role="tablist"></ul>
						
						<div class="row-fluid clearfix owl-carousel">
							<div class="mediaModel">
								<div class="pricingTable green">
									<div class="pricingTable-header">
										<span class="number">&nbsp;</span>
										<span class="quotaValue" id="ratingLevelDesc">&nbsp;</span>
										<span id="ratingLevel" class="number" style="font-size: 30px;margin: 8px">
											<span class="icon"></span>
											<span class="icon"></span>
											<span class="icon"></span>
											<span class="icon"></span>
										</span>
									</div>
									<span class="heading">评定等级</span>
								</div>
								<div class="mediaModelBody">
									<h5 style="margin-top: 0px;">评定等级</h5>
									<p>优:	合格率大于等于97%, 良: 合格率大于等于90%、且小于97%, 中:合格率大于等于75%、且小于90%, 差:合格率小于75%。</p>
								</div>
							</div>
							<div class="mediaModel">
								<div class="pricingTable green">
									<div class="pricingTable-header">
										<span class="number" value="completeRatioF">0/0</span>
										<span class="quotaValue" value="completeRatio">0</span>%
										<span class="number"><i class="fa fa fa-calendar-check-o"></i></span>
									</div>
									<span class="heading">首页完整率</span>
								</div>
								<div class="mediaModelBody">
									<h5>首页完整率</h5>
									<p>首页必填项目完整填报的病案份数占同一时期出院病案总数的比例。</p>
								</div>
							</div>
							<div class="mediaModel">
								<div class="pricingTable green">
									<div class="pricingTable-header">
										<span class="number" value="requiredRatioF">0/0</span>
										<span class="quotaValue" value="requiredRatio">0</span>%
										<span class="number"><i class="fa fa-calendar-times-o"></i></span>
									</div>
									<span class="heading">首页必填项完整率</span>
								</div>
								<div class="mediaModelBody">
									<h5>首页必填项完整率 </h5>
									<p>n 份病案首页填报的必填项目之和占 n 份病案首页全部必填项目总数的比例。</p>
								</div>
							</div>
							<div class="mediaModel">
								<div class="pricingTable green">
									<div class="pricingTable-header">
										<span class="number" value="qualifiedRatioF">0/0</span>
										<span class="quotaValue" value="qualifiedRatio">0</span>%
										<span class="number"><i class="fa fa-braille"></i></span>
									</div>
									<span class="heading">合格率</span>
								</div>
								<div class="mediaModelBody">
									<h5>合格率</h5>
									<p>合格的病案份数占同期出院病案总数的比例。（合格病案：没有出现A类错误并且病案得分>=75分）</p>
								</div>
							</div>
							<div class="mediaModel">
								<div class="pricingTable green">
									<div class="pricingTable-header">
										<span class="number" value="goodRatioF">0/0</span>
										<span class="quotaValue" value="goodRatio">0</span>%
										<span class="number"><i class="fa fa-thumbs-o-up"></i></span>
									</div>
									<span class="heading">优秀率</span>
								</div>
								<div class="mediaModelBody">
									<h5>优秀率</h5>
									<p>优秀的病案份数占同期出院病案总数的比例。（优秀病案：没有出现A类错误并且病案得分>=97分）</p>
								</div>
							</div>
							<div class="mediaModel">
								<div class="pricingTable green">
									<div class="pricingTable-header">
										<span class="number">&nbsp;</span>
										<span class="quotaValue" value="avgScore">0</span>分
										<span class="number"><i class="fa fa-star-half-o"></i></span>
									</div>
									<span class="heading">首页质量平均得分</span>
								</div>
								<div class="mediaModelBody">
									<h5>首页质量平均得分</h5>
									<p>检查出院病例病案首页总得分与检查出院病案总份数之比 。</p>
								</div>
							</div>
							<div class="mediaModel">
								<div class="pricingTable green">
									<div class="pricingTable-header">
										<span class="number">&nbsp;</span>
										<span class="quotaValue" value="violateACaseCount">0</span>份
										<span class="number"><i class="fa fa-times-circle-o"></i></span>
									</div>
									<span class="heading">A类错误病例数</span>
								</div>
								<div class="mediaModelBody">
									<h5>A类错误病例数</h5>
									<p>是指按照病案首页质量评分标准，出现过A类错误的病例数。</p>
								</div>
							</div>
							<div class="mediaModel">
								<div class="pricingTable green">
									<div class="pricingTable-header">
										<span class="number" value="violateARatioF">0/0</span>
										<span class="quotaValue" value="violateARatio">0</span>%
										<span class="number"><i class="fa fa-calendar-times-o"></i></span>
									</div>
									<span class="heading">A类扣分项目占比</span>
								</div>
								<div class="mediaModelBody">
									<h5>A类扣分项目占比</h5>
									<p>是指所检查的出院病案总病例中，首页填报A类错误总个数 /  A类项目总数。</p>
								</div>
							</div>
						</div>
						
					</div>
				</div>

				<div class="col-md-12 column padding10">
					<div class="infocq ">
						<div class="tabconti greenBlack-bg"><i class="fa fa-bar-chart fa-lg"></i>首页质控分值统计</div>
						<ul class="nav nav-tabs tabconulcq" role="tablist"></ul>
						<div id="mrScoreEchart" class="col-md-5 margintop10" style="height:300px;"></div>
                        <div class="col-md-7 margintop10">
							<h5 align="center">首页各检查项目分值统计表</h5>
                            <table id="mrScoreTable" class="display" width="100%" style="white-space:nowrap">
                            </table>
                        </div>

					</div>
				</div>
			</div>
		</div>
        <div class="boxcq clearfix" style="margin-top: 10px">
			<div class="ti"><i class="fa fa-tachometer" aria-hidden="true"></i>违规统计</div>
			<ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
            <div class="row-fluid clearfix">
                <%-- 规则违反top10 --%>
                <%--<div class="row-fluid clearfix"></div>--%>
                <div class="col-md-12 column padding10">
                    <div class="infocq ">
						<div class="tabconti greenBlack-bg"><i class="fa fa-bar-chart fa-lg"></i>违反规则项</div>
						<ul class="nav nav-tabs tabconulcq" role="tablist"></ul>
                        <div id="violationItemsEchart" class="col-md-5 margintop10" style="height:360px;"></div>
                        <div class="col-md-7 margintop10" style="height:360px;">
                            <table id="violationItemsTable" class="display" width="100%" style="white-space:nowrap"></table>
                        </div>

                    </div>
                </div>


                <%-- 规则违反top10 --%>
                <%--<div class="row-fluid clearfix"></div>--%>
                <div class="col-md-12 column padding10" id="violateMRQ">
                    <div class="infocq ">
						<div class="tabconti greenBlack-bg"><i class="fa fa-bar-chart fa-lg"></i><span class="mTypeName">科室</span>违规</div>
						<ul class="nav nav-tabs tabconulcq" role="tablist"></ul>
						</ul>
						<div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>

	</div>
	<%--<div class="row-fluid clearfix padding10 alert alert-info">--%>
		<%--<div class="stdtypeYes">说明：</div>--%>
		<%--<div class="col-md-12">--%>
			<%--<div class="">--%>
			<%--病案首页数据评价结果 ---%>
			<%--优:	≥97	不出现A类项错误,--%>
			<%--良:	90-96	不出现A类项错误,--%>
			<%--中:	75-89	不出现A类项错误,--%>
			<%--差:	<75--%>

			<%--</div>--%>
			<%--&lt;%&ndash;<table class="table table-condensed">--%>
				<%--<caption>病案首页数据评价结果</caption>--%>
				<%--<tr>--%>
					<%--<th>等级</th>--%>
					<%--<th>评价分数</th>--%>
					<%--<th>附加条件</th>--%>
				<%--</tr>--%>
				<%--<tr>--%>
					<%--<td>优</td>--%>
					<%--<td>≥97</td>--%>
					<%--<td>不出现A类项错误</td>--%>
				<%--</tr>--%>
				<%--<tr>--%>
					<%--<td>良</td>--%>
					<%--<td>90-96</td>--%>
					<%--<td>不出现A类项错误</td>--%>
				<%--</tr>--%>
				<%--<tr>--%>
					<%--<td>中</td>--%>
					<%--<td>75-89</td>--%>
					<%--<td>不出现A类项错误</td>--%>
				<%--</tr>--%>
				<%--<tr>--%>
					<%--<td>差</td>--%>
					<%--<td><75</td>--%>
					<%--<td>无</td>--%>
				<%--</tr>--%>
			<%--</table>&ndash;%&gt;--%>

		<%--</div>--%>
	<%--</div>--%>
</body>
<script type="text/javascript" src="js/medicalRecordQuality/mrQualityHomePage.js"></script>
</html>